
<div id="header" th:replace="common/top">

</div>
    <div id="Catalog">
        <form action="editAccount" method="post" accept-charset="UTF-8">
            <h3>User Information</h3>
            <font color="red" size="10px" th:text="${Msg != null ? Msg :''}"></font>
            <table>
                <tr>
                    <td>User ID:</td>
                    <td><input type="text" name="USERNAME" th:value="${loginAccount.username}" contenteditable="false" id="USERID1"></td>
                </tr>
                <div id="IdMsg">

                </div>
                <tr>
                    <td>New password:</td>
                    <td><input type="text" name="PASSWORD"/></td>
                </tr>
                <tr>
                    <td>Repeat password:</td>
                    <td><input type="text" name="CONFIRM"/></td>
                </tr>
            </table>
            <h3 align="center">ACCOUNT INFORMATION</h3>
            <table align="center">
                <tbody>
                <tr>
                    <td>FIRST NAME:</td><td><input type="text" name="FIRSTNAME" id="FIRSTNAME" th:value="${loginAccount.firstName}"/></td>
                </tr>
                <tr>
                    <td>LAST NAME:</td><td><input type="text" name="LASTNAME" id="LASTNAME" th:value="${loginAccount.lastName}"/></td>
                </tr>
                <tr>
                    <td>EMAIL:</td><td><input type="text" name="EMAIL" id="EMAIL" th:value="${loginAccount.email}"/></td>
                </tr>
                <tr>
                    <td>PHONE:</td><td><input type="text" name="PHONE" id="PHONE" th:value="${loginAccount.phone}"/></td>
                </tr>
                <tr>
                    <td>ADDRESS 1:</td><td><input type="text" name="ADDRESS1" th:value="${loginAccount.address1}"/></td>
                </tr>
                <tr>
                    <td>ADDRESS 2:</td><td><input type="text" name="ADDRESS2" th:value="${loginAccount.address2}"/></td>
                </tr>
                <tr>
                    <td>CITY:</td><td><input type="text" name="CITY" th:value="${loginAccount.city}"/></td>
                </tr>
                <tr>
                    <td>STATE:</td><td><input type="text" name="STATE" th:value="${loginAccount.state}"/></td>
                </tr>
                <tr>
                    <td>ZIP:</td><td><input type="text" name="ZIP" th:value="${loginAccount.zip}"/></td>
                </tr>
                <tr>
                    <td>COUNTRY:</td><td><input type="text" name="COUNTRY" th:value="${loginAccount.country}"/></td>
                </tr>
                </tbody>
            </table>
            <h3 align="center">PREFERENCE INFORMATION</h3>
            <table align="center">
                <tbody>
                <tr>
                    <td>LANGUAGE:</td>
                    <td>
                        <select name="LANGUAGE" >
                            <option value="ENGLISH">ENGLISH</option>
                            <option value="CHINESE">CHINESE</option>
                        </select>
                    </td>
                </tr>
                <tr>
                    <td>PET PREFERENCE:</td>
                    <td>
                        <select name="PET" >
                            <option value="DOGS">DOGS</option>
                            <option value="FISH">FISH</option>
                            <option value="CATS">CATS</option>
                            <option value="REPTILES">REPTILES</option>
                            <option value="BIRDS">BIRDS</option>
                        </select>
                    </td>
                </tr>
                <tr>
                    <td>ENABLE MYLIST:</td>
                    <td>
                        <input type="checkbox" name="LISTOPTION" th:checked="${loginAccount.listOption}" />
                    </td>
                </tr>
                <tr>
                    <td>ENABLE MYBANNER:</td>
                    <td>
                        <input type="checkbox" name="BANNEROPTION" th:checked="${loginAccount.bannerOption}"/>
                    </td>
                </tr>
                </tbody>
            </table>
            <input type="submit" value="Save Account Information" style="width: 30ex" class="user-form-submit">
        </form>

        <a href="listOrders">My Orders</a>
    </div>
<script src="/js/register.js"></script>
<div id="footer" th:replace="common/bottom" />